<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width" />
        <style type="text/css">
            h3 { margin: 0px;}
            body { font-size: 12px; color:#333;}
            .cls {clear: both;}
            a { color: #333; text-decoration:none;}
            .head_bar { text-align: right;}
            .logo { font:bold 30px '微软雅黑';}
            .menu { background:#36c;}
            .menu a { color: #FFF; font-size: 14px;}
            .menu .active a { color:#00CCFF;}
            .menu li { float: left; line-height: 30px; border-left:solid 1px #FFF; list-style: none; margin-left: 0px; padding: 0px 10px;}
            .menu li:first-child { border: none; padding-left:0px;}
            
            .article_list_block_item { border-top: dotted 1px #CCC; margin-bottom: 10px; padding-top: 10px; line-height: 21px; color:#666;}
            .article_list_block_item:first-child { border: none;}
            .article_list_block_item h3 a { color:#002a80; font-size: 13px;}
            
            .thumb_list_block_item { float:left; width:256px; height:216px; margin: 20px 0px 0px 15px; line-height: 20px;}
                .thumb_list_block_item .img { border:solid 1px #b4d5de; padding:8px; background-color:#ececec; width:240px; height:160px;}
                .thumb_list_block_item .img img { width:240px; height:160px;}
            
                .feedback_block .form { position: absolute; right: 0px; bottom: 150px;}
                .feedback_block .item {}
            .feedback_block .face img { width:60px; height: 60px;}
                
            .foot { margin-top: 10px; border-top:solid 1px #CCC; line-height: 21px; color:#666;}
        </style>
    </head>
    <body>
        <div class="head">
            <div class="head_bar">
                <a href="#">登录</a> | <a href="#">注册</a> | <a href="#">加入收藏</a>
            </div>
            <div class="logo">SoBlog</div>
            <div class="menu">
                <ul>
                    <li class="active"><a href="index.html">首页</a></li>
                    <li><a href="?m=Article_List.html">文章</a></li>
                    <li><a href="?m=Thumb_List.html">相册</a></li>
                    <li><a href="?m=Feedback.html">留言板</a></li>
                    <li><a href="?m=About.html">关于</a></li>
                </ul>
                <div class="cls"></div>
            </div>
        </div>
        <div class="body">
            <{block name='block_body'}><{/block}>
        </div>
        <div class="foot">
            CopyRight (c) 2014 SoChishun-LiuRuirong Love Home!
        </div>
    </body>
</html>
